body{
    background-color:#fff3a2;
    font-family:'Droid Sans', Arial, sans-serif;
    font-size:15px;
    color:#a55232 ;
}
a, a:active, a:hover, a:link {
    color:#a55232;
    text-decoration:none;
    cursor:pointer;
}
#header{
    height:140px;
    margin:auto;
    width:1000px;
    padding-top:10px;
}
#header .login{
    float:right;
    cursor:pointer;
}
#header .greeting{
    float:right;
}
#tabs{
    margin:auto;
    height:60px;
    width:1000px;
}
#tabs .tab{
    width:130px;
    background-color:white;
    height:60px;
    position:relative;
    display:inline-block;
    color:white ;
    text-shadow: 0px 1px 0px black;
    background-color:#a55232 ;
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, white) color-stop(1, white) );
    background-image: -moz-linear-gradient( center top, white 0%, white 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white');
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    display: inline-block;
    height: 43px;
    padding-top: 15px;
    padding-bottom: 0px;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    text-align:center;
    font-size:20px;
    cursor:pointer;

}
#tabs .tab.selected {
    color:#a55232;
    text-shadow: 0px 1px 0px black;
    background-color:white  ;
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, white) color-stop(1, white) );
    background-image: -moz-linear-gradient( center top, white 0%, white 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white');
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;

}
#tabs #search_box{
    float:right;
    height:34px;
    border:1px solid #fff3a2;
    width:300px;
    padding-left:5px;
    font-size:15px;
    moz-box-shadow: 0px 0px 0px 5px #a55232;
    -webkit-box-shadow: 0px 0px 0px 5px #a55232;
    box-shadow: 0px 0px 0px 5px #a55232;

}
#content{
    margin:auto;
    background-color:white;
    width:1000px;
    height:100%;
    moz-box-shadow: 10px 20px 30px black;
    -webkit-box-shadow: 10px 20px 30px black;
    box-shadow: 10px 20px 30px black;
    
}
#login, #register{
    background-color:white;
    opacity:1;
    position:fixed;
    width:500px;
    height:auto;
    top:70px;
    z-index:100;
    moz-box-shadow: 0px 0px 20px black;
    -webkit-box-shadow: 0px 0px 20px black;
    box-shadow: 0px 0px 20px black;
    text-align:left;
    padding-bottom:30px;
}
#login .register_here{
    float:right;
    position:relative;
    top:30px;
    right:100px;
    cursor:pointer;
    }
#login .login_heading , #register .register_heading{
    font-size:30px;
    

}
#login .login, #register .register{
    float:left;
    clear:both;
    margin:15px 0;
    margin-left:30px;

}
#login .login_input, #register .register_input{
    height:40px;
    border: 1px solid #fff3a2;
    width:300px;
    font-size:24px;
    padding-left:5px;
    moz-box-shadow: 0px 0px 0px 5px #a55232;
    -webkit-box-shadow: 0px 0px 0px  5px #a55232;
    box-shadow: 0px 0px 0px 5px #a55232;
}
#login .login_input:focus, #register .register_input:focus
{
    outline:none;
    moz-box-shadow: 0px 0px 3px 5px #a55232;
    -webkit-box-shadow: 0px 0px 3px  5px #a55232;
    box-shadow: 0px 0px 3px 5px #a55232;

}
.button{
    background: #a55232;
    border-top: 1px solid #6b3520;(56, 83, 140);
    border-right: 1px solid #6b3520;(31, 45, 77);
    border-bottom: 1px solid #6b3520;(21, 30, 51);
    border-left: 1px solid #6b3520;(31, 45, 77);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 10px 1px #a55232, 0px 1px 0 #422114, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    -moz-box-shadow: inset 0 1px 10px 1px #a55232, 0px 1px 0 #422114, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    -ms-box-shadow: inset 0 1px 10px 1px #a55232, 0px 1px 0 #422114, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    -o-box-shadow: inset 0 1px 10px 1px #a55232, 0px 1px 0 #422114, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    box-shadow: inset 0 1px 10px 1px #a55232, 0px 1px 0 #422114, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    color: white;
    font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1;
    margin-bottom: 10px;
    padding: 10px 0 12px 0;
    text-align: center;
    text-shadow: 0px -1px 1px black;
    width: 150px;
    -webkit-background-clip: padding-box;
}
.button:hover {
    -webkit-box-shadow: inset 0 0px 20px 1px #ff7f4d, 0px 1px 0 #1d2c4d, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    -moz-box-shadow: inset 0 0px 20px 1px #ff7f4d, 0px 1px 0 #1d2c4d, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    -ms-box-shadow: inset 0 0px 20px 1px #ff7f4d, 0px 1px 0 #1d2c4d, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    -o-box-shadow: inset 0 0px 20px 1px #ff7f4d, 0px 1px 0 #1d2c4d, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    box-shadow: inset 0 0px 20px 1px #ff7f4d, 0px 1px 0 #1d2c4d, 0 6px 0px #6b3520, 0 8px 4px 1px #111111;
    cursor: pointer;
}
.button:active {
    -webkit-box-shadow: inset 0 1px 10px 1px #ff7f4d, 0 1px 0 #1d2c4d, 0 2px 0 #6b3520, 0 4px 3px 0 #111111;
    -moz-box-shadow: inset 0 1px 10px 1px #ff7f4d, 0 1px 0 #1d2c4d, 0 2px 0 #6b3520, 0 4px 3px 0 #111111;
    -ms-box-shadow: inset 0 1px 10px 1px #ff7f4d, 0 1px 0 #1d2c4d, 0 2px 0 #6b3520, 0 4px 3px 0 #111111;
    -o-box-shadow: inset 0 1px 10px 1px #ff7f4d, 0 1px 0 #1d2c4d, 0 2px 0 #6b3520, 0 4px 3px 0 #111111;
    box-shadow: inset 0 1px 10px 1px #ff7f4d, 0 1px 0 #1d2c4d, 0 2px 0 #6b3520, 0 4px 3px 0 #111111;
    margin-top: 58px;
}
.overlay{
    background-color:black;
    position:absolute;
    top:0px;
    left:0px;
    opacity:.5;
    z-index:99;

}
    
